<template>
    <div class="box">
      <div class="bgc" style="width: 100%; height: 100%">
        <Bgc></Bgc>
      </div>
      <div class="banner" >
        <Form v-show="true"></Form>
        <Transition name="form">
        </Transition>
      </div>
    </div>
  </template>
  <script lang="ts" setup>
  import Form from "./form.vue"
  import Bgc from "./loginBgc.vue"

  </script>
  
  <style lang="less" scoped>
  .bgc{
  }
  .box {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100vw;
    height:100vh;
    .banner {
      z-index: 999;
      position: absolute;
      top: 30%;
      left: 10%;
      color: #fff;
      transition: all .3s;
    }
  }
  h1 {
    font-size: 66px;
  }
  p {
    margin-top: 60px;
    font-size: 18px;
  }
  </style>
  